<template>
  <div class="twikoo-wrap" >
    <div  id="tcomments" class="twikoo-container"></div>
  </div>
</template>

<script>
  import * as twikoo from "twikoo"
  export default {
    name: "Twikoo",
    methods:{
      initTwikoo(){
        twikoo.init({
          envId: 'zipblog-7gf2s5zga5ea47b1',
          el: '#tcomments',
          region: 'ap-shanghai', // 环境地域，默认为 ap-shanghai，如果您的环境地域不是上海，需传此参数
          path: this.$route.path, // 用于区分不同文章的自定义 js 路径，如果您的文章路径不是 location.pathname，需传此参数
          lang: 'zh-CN', // 用于手动设定评论区语言，支持的语言列表 https://github.com/imaegoo/twikoo/blob/dev/src/js/utils/i18n/index.js
        })

        // console.log(twikoo)
      }
    },
    mounted() {
      this.initTwikoo()
    }
  }
</script>

<style lang="scss" >
  .twikoo-wrap {
    position: relative;
    z-index: 1;
    color: #5f5f5f;
    background-color: #f7f7f7;
    #twikoo{
      max-width: 970px;
      margin: 0 auto;
      padding: 20px 20px 0 20px;
      padding-bottom: 1px;
    }
  }
</style>
